*{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
ul{
    list-style: none;
}


.product-list-page{
    width: 100%;
    min-width: 1314px;
    .center-content{
        width: 1150px;
        margin: 0 auto;
        #path-nav{
            display: block;
            height: 18px;
            font-size: 12px;
            padding: 15px 0;
            line-height: 18px;
            a{
                color: #666;
            }
        }
        .list-left{
            width: 160px;
            float: left;
            padding-bottom: 10px;
            margin-bottom: 10px;
            font-size: 12px;
            border-bottom: 1px solid #ebebeb;
            .allcate{
                line-height:28px ;
                font-weight: bold;
                a{
                  color: #000000;
                }
            }
            .sort-container{
                .toplist{
                    height: 28px;
                    line-height:28px ;
                    margin-left: 10px;
                    font-weight: bold;
                    cursor: pointer;
                    .jt{
                        display: inline-block;
                        line-height: 28px;
                        width: 0;
                        height: 0;
                        border: 6px solid white;
                        border-left-color:black ;
                        float: left;
                        margin-top: 7px;
                    }
                    .toplisttext{
                        line-height: 28px;
                        display: inline-block;
                    }
                }
                .sonlist{
                    display: none;
                        li{
                            line-height: 22px;
                            margin-left: 22px;
                            a{
                                color: #666;;
                            }
                        }
                }
            }
        }
        .list-right{
            width: 970px;
            float: right;
            .filter-box{
                a:hover{
                    text-decoration: underline;
                }
//              overflow: hidden;
                border: 1px solid #dfdfdf;
                .title{
                        width: 75px;
                        height: 30px;
                        line-height: 30px;
                        font-size: 12px;
                        font-weight: bold;
                        display: block;
                        float: left;
                }
                .checked-conditions{
                    width: 938px;
                    height: 40px;
                    padding: 5px 15px;
                    border-bottom: 1px solid #DFDFDF;
                    background-color: #EAECEB;
                    .selectcate{
                        display: inline-block;
                        width: 69px;
                        height: 30px;
                        margin-top: 5px;
                        background-color: #000000;
                        line-height: 30px;
                        color: #FFFFFF;
                        text-align: center;
                        font-size: 13px;
                        float: left;
                        cursor: pointer;
                        text-decoration: none;
                    }
                    .clear{
                        display: inline-block;
                        float:right;
                        margin-top: 10px;
                        font-size: 12px;
                        a{
                            color: #999;
                        }
                    }
                }
                .channel{
                width: 938px;
                height: 30px;
                padding: 10px 15px;
                border-bottom: 1px solid #DFDFDF;
                    .selectsex{
                        width: 863px;
                        height:30px;
                        display: inline-block;
                        a{
                            display: block;
                            float: left;
                            width: 32px;
                            height: 30px;
                            padding: 0 10px;
                            margin-right: 30px;
                            line-height: 30px;
                            text-align: center;
                            font-size: 13px;
                            color: red;
                        }
                    }
                }
                .brand{
                    position: relative;
                    padding: 10px 15px;
                    font-size: 12px;
                    border-bottom: 1px solid #ebebeb;
                    overflow: hidden;
                    .titles{
                        display: block;
                        float: left;
                        width: 75px;
                        line-height: 30px;
                        font-weight: 700;
                    }
                    .bandlist{
                        width: 730px;
                        float: left;
                        .defaultlist{
                            li{
                                width: 120px;
                                padding: 0 10px;
                                line-height: 30px;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                cursor: pointer;
                                color: #666;
                                font-size:12px;
                                float: left;
                            }
                        }
                        .brand-opt{
                            width: 118px;
                            height: 20px;
                            position: absolute;
                            right: 20px;
                            top: 15px;
                            color: #555;
                            .more-opt{
                                cursor: pointer;
                            }
                            .multi{
                                display: inline-block;
                                width: 60px;
                                height: 18px;
                                text-align: center;
                                line-height: 18px;
                                border: 1px solid #555;
                                margin-left: 10px;
                                cursor: pointer;
                                
                            }
                        }
                        .brand-panel{
                            width: 730px;
                            display: none;
                            .panel-head{
                                width: 730px;
                                height: 30px;
                                margin-left: 8px;
                                .brands-index{
                                    float: left;
                                    line-height: 30px;
                                    margin-right: 5px;
                                    cursor: pointer;
                                    p{
                                        float:left;
                                        span{
                                        margin: 0 3px;
                                        &:hover{
                                            color: red;
                                        }  
                                        }
                                    }
                                    .brand-search{
                                        float: left;
                                        width: 155px;
                                        height: 18px;
                                        line-height: 18px;
                                        border: 1px solid #b0b0b0;
                                        margin-top: 5px;
                                        margin-left: 10px;
                                        input{
                                            float: left;
                                            border: none;
                                            width: 100px;
                                            height: 18px;
                                            padding: 0;
                                        }
                                        span{
                                            display: block;
                                            float: left;
                                            width: 55px;
                                            height: 18px;
                                            background-color: #000000;
                                            text-align: center;
                                            line-height: 18px;
                                            font-size: 13px;
                                            color: #FFFFFF;
                                        }
                                    }
                                    
                                }
                            }
                            .plane-body{
                                padding: 15px 20px;
                                background: #f4f7f6;
                                margin-top: 5px;
                                margin-left: 10px;
                                overflow: auto;
                                .check-container{
                                    li{
                                        width: 116px;
                                        height: 30px;
                                        padding: 0 10px;
                                        float: left;
                                        overflow: hidden;
                                        white-space: nowrap;
                                        text-overflow: ellipsis;
                                        line-height: 30px;
                                        cursor: pointer;
                                        color: #666;
                                    }
                                }
                            }
                            .plane-btn{
                                height: 24px;
                                margin-top: 10px;
                                text-align: center;
                                display: none;
                                #ok{
                                    background-color: #CCCCCC
                                }
                                #cancel{
                                    background-color: #000000
                                }
                                button{
                                    display: inline-block;
                                    width: 55px;
                                    height: 24px;
                                    padding: 0 6px;
                                    margin-right: 20px;
                                    text-align: center;
                                    line-height: 24px;
                                    color: #fff;
                                    font-size: 14px;
                                    cursor: pointer;
                                }
                            }
                        }
                    }
                    
                }
                .price{
                        width: 938px;
                        height: 32px;
                        padding: 10px 15px;
                        border-bottom: 1px solid #ebebeb;
                        .price_choice{
                            float: left;
                            .pri_range{
                                display: block;
                                float: left;
                                padding: 0 10px;
                                margin-right: 30px;
                                line-height: 30px;
                                cursor: pointer;
                                font-size: 12px;
                                color: #666;
                            }
                        }
                        .ud-price-range{
                            float: left;
                            span{
                                font-size: 12px;
                                line-height: 30px;
                            }
                            input{
                                display: inline-block;
                                margin-top: 2px;
                                width: 44px;
                                height: 24px;
                                border: 1px solid #CCCCCC;
                            }
                        }
                    }
                    .color{
                        overflow: hidden;
                        padding: 10px 15px;
                        border-bottom: 1px solid #ebebeb;
                        .selectcolor{
                            width: 836px;
                            height: 60px;
                            float: left;
                            .colors{
                            width: 56px;
                            height: 30px;
                            padding: 0 10px;
                            float: left;
                                .color-block{
                                        display: inline-block;
                                        width: 22px;
                                        height: 22px;
                                        border: 1px solid #ccc;
                                        margin-bottom: -6px;
                                }
                                a{
                                    display: inline-block;
                                    color: #666;
                                    font-size: 12px;
                                }
                            }
                        }
                        
                    }
                    .size{
                        padding: 10px 15px;
                        overflow: hidden;
                        border-bottom: 1px solid #ebebeb;
                        .sizebox{
                            margin-left: 75px;
                            li{
                                float: left;
                                padding: 0 10px;
                                margin-right: 30px;
                                line-height: 30px;
                                font-size: 12px;
                                a{
                                    color: #666;
                                }
                            }
                            .hover{
                                background-color: #000000;
                                color: #FFFFFF;
                            }
                        }
                        
                    }
                    .senior{
                        padding: 10px 15px;
                        border-top: 1px solid #ebebeb;
                        overflow: hidden;
                        .optiondetail{
                            margin-left: 75px;
                            overflow: hidden;
                            position: relative;
                            .topoption{
                                li{
                                padding: 0 10px;
                                margin-right: 30px;
                                line-height: 30px;
                                float: left;
                                font-size: 12px;
                                color: #666;
                                cursor: pointer;
                                    .senior-up-icon{
                                        overflow: hidden;
                                        position: relative;
                                        height: 9px;
                                        z-index: 3;
                                        margin-left: -11px;
                                        visibility: hidden;
                                        background: url(../images/senior-up.png) no-repeat;
                                        background-position: 50% 0;
                                        top: -1px;
                                    }
                                }
                            }
                            .senior-sub-wrap{
                                border-top: 1px solid #dfdfdf;
                                padding-top: 15px;
                                position: absolute;
                                top: 57px;
                                li{
                                    padding: 0 10px;
                                    margin-right: 30px;
                                    float: left;
                                    line-height: 30px;
                                    font-size: 12px;
                                    cursor: pointer;
                                    a{
                                        color: #666;
                                    }
                                }
                                
                            }
                        }
                    }
            }
            .sort-pager{
                height: 48px;
                background: #f5f7f6;
                line-height: 48px;
                margin: 10px 0;
                .sort-type {
                    font-size: 12px;
                    padding: 0 10px;
                    color: #999;
                }
                 .active{
                    font-weight: 700;
                    color: #000;
                }
                .pager-wrap{
                    float: right;
                    width: 200px;
                    height: 18px;
                    padding: 15px 0;
                    .page-count{
                        width: 84px;
                        height: 18px;
                        font-size: 12px;
                        float: left;
                        position: relative;
                        .count-per-page{
                            display: block;
                            float: left;
                            padding: 3px;
                            width: 42px;
                            height: 10px;
                            line-height: 10px;
                            margin-right: 10px;
                            border: 1px solid #ccc;
                            color: #222;
                            cursor: pointer;
                            background: #fff;
                        }
                        .meiye{
                            float: left;
                            line-height: 18px;
                        }
                        .pagenum{
                            position: absolute;
                            top: 15;
                            width: 42px;
                            padding: 3px;
                            display: none;
                            border-left: 1px solid #ccc;
                            border-right: 1px solid #ccc;
                            border-bottom: 1px solid #ccc;
                            background: #fff;
                            z-index: 1;
                            li{
                                border-bottom: 1px solid #ccc;
                                line-height: 18px;
                                &:hover {
                                    background-color: #376CF7;
                                }
                                a{
                                    color: #000000;
                                }
                            }
                        }
                    }
                    .page-orient{
                        float: right;
                        margin:0 18px;
                        line-height: 17px;
                        font-size: 13px;
                        span{
                            cursor: pointer;
                        }
                    }
                }
            }
            
            .goods-container{
                width: 980px;
                padding-top: 25px;
                overflow: hidden;
                .good-info{
                    width: 235px;
                    height: 406px;
                    margin-right: 10px;
                    margin-bottom: 35px;
                    float: left;
                    .tag-container{
                        width: 252px;
                        height: 22px;
                        .good-tag{
                        width: 30px;
                        padding: 0 7px;
                        text-align: center;
                        line-height: 22px;
                        color: #FFFFFF;
                        font-size: 12px;
                        }
                        .sale-tag{
                            background-color: #FF565B;
                        }
                        .new-tag{
                            background-color: #78DC7D;
                        }
                    }
                    
                }
                .good-detail-img img{
                        width: 235px;
                        height: 315px; 
                }
                .good-detail-text{
                    width: 235px;
                    height: 69px;
                    .goodname{
                        font-size: 12px;
                        display: block;
                        margin-top: 16px;
                        line-height: 18px;
                        color: #000000;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    .brand{
                        line-height: 18px;
                        font-size: 12px;
                        color: #666666;
                        a{
                            color: #000000;
                        }
                        
                    }
                    .price{
                        margin-top: 5px;
                        line-height: 12px;
                        font-size: 12px;
                        .market_price{
                            text-decoration: line-through;
                            color: #999;
                        }
                    }
                }
            }
            .product-pager{
                padding: 20px 0;
                font-size: 12px;
                color: #6a6a6a;
                border-top: 2px solid #eaeceb;
                .total{
                        color: #6a6a6a;
                }
                .pager{
                    float: right;
                    font-size: 12px;
                    .cur{
                        background-color: #222;
                        color: #fff;
                    }
                    a{
                        display: inline-block;
                        padding: 0 9px;
                        margin-right: 8px;
                        text-align: center;
                        color: #000000;
                        height: 24px;
                        line-height: 24px;
                    }
                }
            }
            .last_walk{
                overflow: hidden;
                border-top: 2px solid #eaeceb;
                font-size: 12px;
               h2{
                   padding-top: 15px;
                   font-size: 14px;
                   line-height: 14px;
               }
               .latest-walk-goods{
                   margin: 30px 0;
                           float: left;
                   
                   .good{
                       margin-right: 14px;
                       .lstwalkgood{
                           width: 150px;
                           height: 201px;

                       }
                       .name{
                           display: block;
                           margin: 5px 0;
                           line-height: 18px;
                           font-size: 12px;
                           max-width: 150px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            color: #000000;
                       }
                       .price{
                           line-height: 12px;
                           .market_price{
                               color: #999;
                                margin-right: 5px;
                                text-decoration: line-through;
                           }
                           .sale-price{
                               color: #000;
                                font-weight: 700;
                           }
                       }
                   }
               }
            }
        }
    }
}




